<template>
  <div class="four-box">
      <div class="four-box-one">
          <img src="../../assets/zt/10.jpg" alt="">
      </div>
       <div class="four-box-tow">
            <div>
                <h2>经验心得</h2>
            </div>
        </div>
        <div class="four-box-three">   
            <ul class="four-ul">
                <li>
                    <span>
                        2018
                        <br>
                        09-04
                    </span>
                    <div>
                        <a href="">科目二丨直角转弯操作步骤（2018最新版）</a>
                        <br>
                        <b class="four-b"><a href="">科目二丨直角转弯操作步骤（2018最新版）</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2019
                        <br>
                        07-24
                    </span>
                    <div>
                        <a href="">科目二的失败，95%死于这三点！</a>
                        <br>
                        <b class="four-b"><a href="">尽管很多人来驾校学车，科一科四1个礼拜就能过，科三半个月也能勉强通关，但科二就是反反复复练上好几个月也过不了。每次都是因为熄火压线。归根到底，这三点很关键！ 坐姿不</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2020
                        <br>
                        02-22
                    </span>
                    <div>
                        <a href="">奥迪车90后夫妻双双身亡 直行撞掉头车祸中 学到十条安全驾驶经验</a>
                        <br>
                        <b class="four-b"><a href="">今天的案例发生在市区，是直行车辆与掉头车辆之间发生的事故。一辆蓝色小车高速穿过路口，遇到一辆正在掉头的白色越野车，两车相撞。 看似很简单的一场交通事故，从视频中蓝色</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2019
                        <br>
                        03-22
                    </span>
                    <div>
                        <a href="">科目二的N种死法盘点，难怪通过率这么低....</a>
                        <br>
                        <b class="four-b"><a href="">每个挂在科目二的学员，都有自己挂科的原因，仔细一问，小编才知道科目二还有这么多挂法！下面小编就为大家盘点一下科目二的N中死法，各位学员考试时一定要避免。</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        08-09
                    </span>
                    <div>
                        <a href="">科目二场地平面图</a>
                        <br>
                        <b class="four-b"><a href="">考场停车库、接车交车区、候考厅、考生入场、坡道1、坡道2、侧方停车1、侧方停车2、侧方停车3、倒库1、倒库2、倒库3、曲线1、曲线2、直角转弯1、直角转弯2 多条线路平面图示。</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        07-02
                    </span>
                    <div>
                        <a href="">驾考科目二看了这篇文章一次包过</a>
                        <br>
                        <b class="four-b"><a href="">科目二首先准备步骤: 1.打开车门 2.左手拿内测车门把手，人坐椅子上 3.随手关好车门 4.调整座椅 5.调好反光镜，内视镜 6.系好安全带 7.检查是否在空挡，是否拿起手刹</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        07-02
                    </span>
                    <div>
                        <a href="">2018学车经验总结分享</a>
                        <br>
                        <b class="four-b"><a href="">最近老有人跟我吐槽说学车难啊，学车辛苦啊什么的。我简直是醉醉哒，迫于无奈我总结了一些我以前学车的心得，希望能够为大家带来帮助。 心得一 上坡起步熄火的问题。上坡起步</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        07-02
                    </span>
                    <div>
                        <a href="">我的考驾照心得和经验分享</a>
                        <br>
                        <b class="four-b"><a href="">我的考驾照心得和经验分享</a></b>
                    </div>
                </li>
                <li>
                    <span>
                        2018
                        <br>
                        07-02
                    </span>
                    <div>
                        <a href="">学车有什么技巧和心得体会？</a>
                        <br>
                        <b class="four-b"><a href="">一、关于车的基本构造和起步 驾校的车基本都是手动档(因为手动的便宜啊)，手动档的车的主要操作装置有离合器踏板、刹车、油门踏板。我们在开车的时候能操作的东西也基本上就是</a></b>
                    </div>
                </li>
            </ul>
        </div>
        <div class="four-box-four" >
            <!-- style="display: block; top: 1190px;"s -->
            <ul>
                <a href="">
                    <li>公司新闻</li>
                </a>
                <a href="">
                    <li>行业动态</li>
                </a>
                <a href="">
                    <li>安全驾驶</li>
                </a>
                <a href="">
                    <li>驾驶信息</li>
                </a>
                <a href="">
                    <li>经验心得</li>
                </a>
            </ul>
        </div>
         <div class="four-box-five">
            <span>共7条 当前1/1页</span>
            <span>
                <a href="http://www.yjx118.com/?jiaoxuezhongxin/kemuyi/">首页</a>
            </span>
            <span>前一页</span>
            <span>1</span>
            <span>后一页</span>
            <span>尾页</span>
        </div>
        <Weibu/>
        
  </div>
</template>

<script>
import Weibu from '../../components/weibu/weibu.vue'
export default {
    name:'ztba',
    components: {
        Weibu
    }
}
</script>

<style lang="scss">
    .four-box{
        .four-box-one{
            img{
                width: 100%;
                
            }
        }
        .four-box-tow{
                width: 70%;
                margin: 0 auto;
                div{
                    background: #142B57;
                    color: #fff;
                    height: 55px;
                    line-height: 55px;
                    padding-left: 30px;
                    h2{
                        font-size: 28px !important;
                        font-weight: normal;
                        font-family: \9ED1\4F53;
                    }
                }
        }
        .four-box-three{
              width: 70%;
            margin: 0 auto;
              .four-ul{
                margin: 40px 20px 0px 0px;
                padding: 0;
                    li{
                        clear: both;
                        position: relative;
                        height: 120px;
                        display: block;
                        padding-left: 40px;
                        padding: 0;
                        span{
                            background: #fff;
                            display: block;
                            float: left;
                            background-color: #f4f4f4;
                            color: #a0a4b0;
                            width: 100px;
                            height: 70px;
                            text-align: center;
                            padding-top: 30px;
                            font-size: 18px;
                            line-height: 1.2;
                        }
                        div{
                            left: 34px;
                            top: 0;
                            background: #fff;
                            margin: 0;
                            padding-left: 20px;
                            float: left;
                            font-size: 18px;
                            a{
                                color: #142B57;
                            }
                        }
                        .four-b{
                            font-style: normal;
                            padding-top: 10px;
                            color: #666;
                            font-size: 14px;
                            background-color: #fff;
                            position: absolute;
                            display: block;
                            left: 120px;
                            padding-right: 16px;
                            width: 90%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-weight: normal;
                            line-height: 2;
                            a{
                                color: #666;
                            }
                        }
                    }
                }
        }
        .four-box-four{
            position: fixed;
            left: 0;
            top: 260px;
            background-color: #f4f4f4;
            width: 110px;
            z-index: 999;
            ul{
                a{
                    display: block;
                    cursor: pointer;
                    color: #142B57;
                    li{
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        border-bottom: 1px solid #e5e5e5;
                    }
                }
            }
        }
        .four-box-five{
            padding-BOTTOM: 25px;
            margin: 10px auto 0px;
            width: 98%;
            padding-top: 20px;
            text-align: center;
            margin-bottom: 80px;
        }
    }
</style>